/**
 * FaZend Framework
 *
 * This source file is subject to the new BSD license that is bundled
 * with this package in the file LICENSE.txt. It is also available 
 * through the world-wide-web at this URL: http://www.fazend.com/license
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@fazend.com so we can send you a copy immediately.
 *
 * @copyright Copyright (c) FaZend.com
 * @version $Id: ui.css 1587 2010-02-07 07:49:26Z yegor256@gmail.com $
 * @category FaZend
 */

/* global wrapper */
div.wrapper {
    width: <?php echo FaZend_Pan_Ui_Mockup::WIDTH?>px;
    clear: both;
    margin: 10px auto 20px auto;
    position: relative;
}

/* header above the page */
div.header {
    position: relative;
    height: 40px;
}

    /* active actor */
    div.header div.actor {
        position: absolute;
        left: 0px;
        bottom: 0px;
    }

    /* link to static PNG of the page */
    div.header div.path {
        position: absolute;
        left: 150px;
        bottom: 10px;
        font-size: 2em;
    }

    /* link to static PNG of the page */
    div.header div.link {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

/* global wrapper */
div.page {
    border: 1px solid <?php echo FaZend_Image::getCssColor('border')?>;
    padding: <?php echo FaZend_Pan_Ui_Mockup::INDENT?>px;
    position: relative;
    min-height: 400px;
}

    /* input boxes */
    div.page input,
    div.page textarea {
        padding: 4px;
        font-size: 1em;
    }

    /* broken link */
    div.page span.broken {
        border-bottom: 1px dotted <?php echo FaZend_Image::getCssColor('error')?>;
        cursor: pointer;
    }

    /* SUBMIT button at the end of the form */
    div.page span.submit {
        padding: 4px;
        border: 2px solid <?php echo FaZend_Image::getCssColor('mockup.button.border')?>;
        background: <?php echo FaZend_Image::getCssColor('mockup.button')?>;
    }

    /* list of all active actor */
    div.page div.actors {
        position: absolute;
        top: 0px;
        left: -210px;
        width: 200px;
        line-height: 1.4em;
        text-align: right;
    }

        div.page div.actors li.actor {
            list-style: none;
            margin-bottom: 18px; 
            text-align: right;
        }

        div.page div.actors li.pic {
            background: transparent url('<?php echo $this->viewFile("ui/actor.gif")?>');
            display: inline-block;
            width: 13px;
            height: 20px;
        }

        div.page div.actors li.picActive {
            background: transparent url('<?php echo $this->viewFile("ui/actorActive.gif")?>');
            width: 25px;
            height: 39px;
        }

        div.page div.actors li.active {
            list-style: none;
            margin-bottom: 18px; 
            font-weight: bold;
        }

    /* list of all scripts */
    div.page div.nav {
        position: absolute;
        top: 0px;
        right: -160px;
        line-height: 1.4em;
        width: 150px;
    }

        div.page div.nav ul {
            margin-left: 0px !important;
        }

        div.page div.nav li {
            list-style: none;
            margin-bottom: 18px; 
        }

            div.page div.nav li li {
                margin-bottom: 0px !important; 
                margin-left: 5px;
            }

                div.page div.nav li li.active {
                    font-weight: bold;
                }

            div.page div.nav li li a.home:before {
                content: "[";
            }

            div.page div.nav li li a.home:after {
                content: "]";
            }
            
    /* input forma in user interface mockup */
    div.page table.forma {
    }

        div.page table.forma td.left {
            text-align: right !important;
            width: 200px;
        }
